;(function($,win){
  // 禁止浏览器默认左右滑动
  var xStart, xEnd, yStart, yEnd;
  document.addEventListener("touchstart", function (evt) {
      xStart = evt.touches[0].pageX;
      yStart = evt.touches[0].pageY;
  }, false);

    document.addEventListener('touchmove', function (evt) {
      xEnd = evt.touches[0].pageX;
      yEnd = evt.touches[0].pageY;
      //左右滑动
      if(Math.abs(xStart - xEnd) > Math.abs(yStart - yEnd)){
          evt.preventDefault();
      }
  }, false);
  var g_index = 0;
  var timer = null;
  var img1 = document.getElementById('img1');
  img1.onload = function (){
    setTimeout(function(){
      $('.full-mask').hide();
      timer = setInterval(function(){
        autoPlay()
      },3500)
    },2000)
  }
  //点击上方按钮
  $('.swiper-btn-box').children().on('tap',function(){
    clearInterval(timer);
    var swiperIndex = $(this).index();
    g_index = swiperIndex;
    $(this).find('img').addClass('active');
    $(this).siblings().find('img').removeClass('active');
    var left = -swiperIndex * 100 + '%';
    $('.swiper').animate({ 
      left:left
    },500);
  })
  //左滑上一页
  $('.swiper').on('swipeRight',function(){
    clearInterval(timer);
    if(g_index == 0){
      var left0 = -($('.swiper-item').length - 1) * 100 + '%';
      $('.swiper').css('left', left0)
      g_index = $('.swiper-item').length - 1;
      var loop = -g_index * 100 + '%';
      $('.swiper').animate({ 
        left:loop
      },500,function(){
        return;
      });
    }
    g_index--;
    $('.swiper-btn-box').children().eq(g_index).find('img').addClass('active');
    $('.swiper-btn-box').children().eq(g_index).siblings().find('img').removeClass('active');
    var left = -g_index * 100 + '%';
    $('.swiper').animate({ 
      left:left
    },500);
  })
  //右滑下一页
  $('.swiper').on('swipeLeft',function(){
    clearInterval(timer);
    if(g_index == 3){
      var left4 = -(g_index+1) * 100 + '%';
      $('.swiper-btn-box').children().eq(0).find('img').addClass('active');
      $('.swiper-btn-box').children().eq(0).siblings().find('img').removeClass('active');
      $('.swiper').animate({ 
        left:left4
      },500,function(){
        g_index = 0;
        $('.swiper').css('left','0')
        return;
      });
    }
    g_index++;
    $('.swiper-btn-box').children().eq(g_index).find('img').addClass('active');
    $('.swiper-btn-box').children().eq(g_index).siblings().find('img').removeClass('active');
    var left = -g_index * 100 + '%';
    $('.swiper').animate({ 
      left:left
    },500);
  })
  //点击上一页
  $('.swiper-pre').on('tap',function(){
    clearInterval(timer);
    if(g_index == 0){
      var left0 = -($('.swiper-item').length - 1) * 100 + '%';
      $('.swiper').css('left', left0)
      g_index = $('.swiper-item').length - 1;
      var loop = -g_index * 100 + '%';
      $('.swiper').animate({ 
        left:loop
      },500,function(){
        return;
      });
    }
    g_index--;
    $('.swiper-btn-box').children().eq(g_index).find('img').addClass('active');
    $('.swiper-btn-box').children().eq(g_index).siblings().find('img').removeClass('active');
    var left = -g_index * 100 + '%';
    $('.swiper').animate({ 
      left:left
    },500);
  })
  //点击下一页
  $('.swiper-next').on('tap',function(){
    clearInterval(timer);
    if(g_index == 3){
      var left4 = -(g_index+1) * 100 + '%';
      $('.swiper-btn-box').children().eq(0).find('img').addClass('active');
      $('.swiper-btn-box').children().eq(0).siblings().find('img').removeClass('active');
      $('.swiper').animate({ 
        left:left4
      },500,function(){
        g_index = 0;
        $('.swiper').css('left','0')
        return;
      });
    }
    g_index++;
    $('.swiper-btn-box').children().eq(g_index).find('img').addClass('active');
    $('.swiper-btn-box').children().eq(g_index).siblings().find('img').removeClass('active');
    var left = -g_index * 100 + '%';
    $('.swiper').animate({ 
      left:left
    },500);
  })
  //点击轮播图
  $('.swiper-item').on('tap',function(){
    var num = $(this).index();
    if(num == 4){
      $.fn.cookie('index', 0);//COOKIE只能在真机上起作用
      win.location.href = './details.html';
    }else{
      $.fn.cookie('index', num);
      win.location.href = './details.html';
    }
  })
  //自动播放
  function autoPlay(){
    g_index++;
    $('.swiper-btn-box').children().eq(g_index).find('img').addClass('active');
    $('.swiper-btn-box').children().eq(g_index).siblings().find('img').removeClass('active');
    var left = -g_index * 100 + '%';
    $('.swiper').animate({ 
      left:left
    },500,function(){
      if(g_index == $('.swiper-item').length-1){
        $('.swiper-btn-box').children().eq(0).find('img').addClass('active');
        $('.swiper-btn-box').children().eq(0).siblings().find('img').removeClass('active');
        $('.swiper').css('left','0');
      g_index= 0;
      }
    });
  }
  
})(Zepto,window)